.xhd-loan {
	.xhd-loan-input {
		.xhd-loan-tip {
			color: #545454;
			font-weight: 700;
			font-size: 0.3rem;
			margin: 0.28rem 0 0.28rem 0;
		}
		.xhd-loan-tip-title {
			text-align: center;
			margin-bottom: 1rem;
			p {
				font-size: 0.56rem;
				color: #302e2f;
				margin-top: 1rem;
				margin-bottom: 0.16rem;
			}
			span {
				font-size: 0.28rem;
				color: #999999;
			}
		}
		// height: 1.56rem;
		width: 100%;
		padding: 0.28rem 0.4rem;
		box-sizing: border-box;
		background: #fff;

		.am-list-item .am-input-label.am-input-label-5 {
			width: 0.22rem;
			height: 0.84rem;
			line-height: 0.84rem;
			color: #353535;
			font-size: 0.46rem;
			font-weight: bold;
		}
		.am-list-item .am-input-control .fake-input-container {
			height: 50px;
			line-height: 50px;
		}

		.am-list-item
			.am-input-control
			.fake-input-container
			.fake-input-placeholder {
			font-size: 0.44rem;
			padding-left: 0.1rem;
		}
		.am-list-item .am-input-control .fake-input-container .fake-input {
			font-size: 0.76rem;
			padding-left: 0.1rem;
			font-weight: 500;
			color: #545454;
		}
		.am-list-item
			.am-input-control
			.fake-input-container
			.fake-input.focus:after {
			border-right-color: #40b15d;
		}
		.input-box {
			border-bottom: 1px solid #f82633;
			.am-list-item {
				padding-left: 0;
				.am-list-line {
					padding: 0;
				}
			}
			.am-input-label.am-input-label-5 {
				width: auto;
				font-size: 0.55rem;
			}
			.am-input-extra {
				color: #ff3635;
				font-size: 0.28rem;
				margin-left: 0.3rem;
			}
		}
		.input-monery-tip {
			font-size: 0.24rem;
			color: #888;
			margin-top: 0.3rem;
			box-sizing: border-box;
		}
		.info-monery {
			font-size: 0.26rem;
			color: #ff3635;
			margin-top: 0.3rem;
			box-sizing: border-box;
		}
	}
	.xhd-loan-date {
		margin: 0.2rem 0;
		padding: 0.38rem 0.42rem;
		background: #fff;
		font-size: 0.3rem;
		color: #888;
		h4 {
			color: #545454;
			margin-bottom: 0.44rem;
			font-weight: 500;
		}
		ul {
			display: flex;
			// justify-content: center;

			li {
				width: 1.4rem;
				height: 0.6rem;
				line-height: 0.6rem;
				text-align: center;
				margin-right: 0.6rem;
				background: #f0f0f0;
				border-radius: 0.08rem;
				&.selected {
					background: #40b15d;
					color: #fff;
				}
			}
			li:nth-child(1) {
				margin-left: 0.64rem;
			}
		}
	}
	.xhd-bind-info {
		padding: 0 0.4rem;
		box-sizing: border-box;
		padding-bottom: 1.25rem;
		margin-bottom: 1.25rem;
		.back-shandow {
			box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
			border-radius: 5px;
			padding: 0 0.4rem;
			margin: 0.2rem 0;
			background: #fff;
		}
		.xf-card-item {
			height: 1rem;
			border-bottom: 0.01rem solid #eeeeee;
			display: flex;
			align-items: center;
			font-size: 0.28rem;
			font-weight: 500;
			color: #888;
			.item-name {
				width: 1.8rem;
				color: #302e2f;
				font-weight: 700;
			}
			.item-content {
				flex: 1;
				text-align: right;
				.item-content-value {
					color: #ff3635;
				}
			}
			&:last-child {
				border: none;
			}
		}
		.account {
			height: 1.76rem;
		}
	}
	.loan_bottom {
		position: fixed;
		width: 100%;
		bottom: 0;
		background-color: #f9f9f9;
		.loan_agree {
			padding-left: 0.3rem;
			margin-bottom: 0.2rem;
		}
	}
	.xhf-loan-btn {
		margin-bottom: 0.4rem;
	}
}
.am-number-keyboard-wrapper
	table
	tr
	.am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
	background: #40b15d;
}
.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
	background: #40b15d;
}

.payBackPlan {
	width: 100%;
	height: 9.24rem;
	.payBack-play-box {
		width: 100%;
		height: 9.24rem;
		padding: 0.46rem;
		box-sizing: border-box;
		overflow: auto;
		.payBack-play-heard {
			height: 0.5rem;
			width: 100%;
			margin-bottom: 0.68rem;
			position: relative;
			h2 {
				color: #030303;
				font-size: 0.34rem;
				font-weight: 500;
			}
			img {
				width: 0.3rem;
				height: 0.3rem;
				position: absolute;
				top: 50%;
				right: 0.4rem;
				transform: translateY(-50%);
			}
			i {
				display: block;
				width: 0.3rem;
				height: 0.3rem;
				line-height: 0.3rem;
				color: #828282;
				text-align: center;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
			}
		}
		.payBack-item {
			display: flex;
			justify-content: center;
			font-size: 0.24rem;
			color: #888;
			.payBack-item-l {
				width: 2rem;
				h3 {
					color: #030303;
					font-size: 0.34rem;
					font-weight: 500;
					line-height: 0.44rem;
				}
			}
			.payBack-item-line {
				width: 0.02rem;
				height: 1.2rem;
				background: #d8d8d8;
				margin: 0 0.4rem;
				position: relative;
				i {
					width: 0.16rem;
					height: 0.16rem;
					background: #fff;
					border: 0.06rem solid #40b15d;
					position: absolute;
					top: 0.02rem;
					left: -0.12rem;
					border-radius: 50%;
				}
			}
			.payBack-item-r {
				margin-left: 0.3rem;
				flex: 1;
				h3 {
					color: #030303;
					font-size: 0.34rem;
					font-weight: 500;
					line-height: 0.44rem;
					text-align: left;
				}
				p {
					text-align: left;
				}
			}
		}
	}
}

.Periods-play-box {
	.payBack-item-l {
		width: 100%;
		display: flex;
		h3 {
			flex: 1;
			color: #030303;
			font-size: 0.24rem;
			line-height: 1rem;
			padding: 0 0.3rem;
			border-bottom: 1px solid rgba(238, 238, 238, 1);
		}
		.changed {
			color: #3b9cff;
		}
	}
	.payBack-item-clan {
		font-size: 0.24rem;
		font-size: 14px;
		line-height: 1rem;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(216, 67, 59, 1);
	}
}
